/*
 * @Author: 吴世扬
 * @Date: 2022-10-18 17:07:42
 * @LastEditors: zhudx
 * @LastEditTime: 2023-06-14 16:28:21
 * @FilePath: /harbour-admin/src/components/ui/CustomChart/chartOptions/line.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import * as echarts from 'echarts';
export const createLineOption = (barCount: number, colorList = ['#36a3f7']) => {
    const labelOption = {
        show: true
        // position: 'insideBottom',
        // distance: 15,
        // align: 'left',
        // verticalAlign: 'middle',
        // rotate: 90,
        // formatter: '{c}  {name|{a}}',
        // fontSize: 16,
        // rich: {
        //     name: {}
        // }
    };
    return {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
            // alwaysShowContent: 'true'
            // setInterval(handler: TimerHandler, timeout: 1000): number {
            //
            // },
        },
        legend: {},
        // toolbox: {
        //     show: true,
        //     orient: 'vertical',
        //     left: 'right',
        //     top: 'center',
        //     feature: {
        //         mark: { show: true },
        //         dataView: { show: true, readOnly: false },
        //         magicType: { show: true, type: ['line', 'bar', 'stack'] },
        //         restore: { show: true },
        //         saveAsImage: { show: true }
        //     }
        // },
        grid: {
            height: '70%'
        },
        xAxis: [
            {
                type: 'category',
                axisTick: { show: false }
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        color: colorList,
        series: Array.from({ length: barCount }, (v) => v).map(() => {
            return {
                type: 'line',
                label: labelOption,
                emphasis: {
                    focus: 'series'
                },
                barWidth: 17
                // itemStyle: {
                //     normal: {
                //         color: function() {
                //             console.log("======颜色：", colorList)
                //             return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                //                 {
                //                     offset: 0,
                //                     color: "#1890FF" // 0% 处的颜色
                //                 },
                //                 {
                //                     offset: 1,
                //                     color: "#5cb2f6" // 100% 处的颜色
                //                 }
                //             ])
                //         }
                //     }
                // }
            };
        })
    };
};
